<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>BisLite - Contact Us</title>
    <link rel="stylesheet" type="text/css" href="__STATIC__/assest/css/reset2.css" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/assest/css/main.css" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/assest/css/index.css" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/assest/css/reset1.css" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/assest/css/bootstrap.css" />

</head>
<body>

<header class="header">
    <div class="header-inner body-width">
        <a href="#" class="logo"></a>
        <div class="category">
            <a href="#" class="category-link">分类</a>
            <i class="icon-arrow"></i>
            <div class="category-result"></div>
            <!-- 边框 -->
            <span class="btn-border"></span>
            <span class="result-border"></span>
            <span class="neck-border"></span>
        </div>
        <div class="search">
            <input type="text" class="search-text" placeholder="Seach here...">
            <button class="search-btn"><i class="icon-search"></i></button>
        </div>
        <nav class="header-nav">
            <ul>
                <li>
                    <span class="line"></span>
                    <a href="#" class="dreamer">tang生活家</a>
                    <i class="icon-text__pink icon-new">new</i>
                </li>
                <li>
                    <span class="line"></span>
                    <a href="#" class="icon-text__pink register">注册</a>
                </li>
                <li>
                    <span class="line"></span>
                    <a href="#">登录</a>
                </li>
                <li>
                    <span class="line"></span>
                    <i class="icon-app"></i>
                    <a href="#" class="app">手机版</a>
                    <i class="icon-arrow"></i>
                    <div class="app-hover">
                        <a href="#"></a>
                        <p>扫一扫下载手机客户端</p>
                    </div>
                </li>
            </ul>
        </nav>
    </div>
    <div class="header-shadow"></div>
</header>

<div id="main_content">

    <div id="contact_area">

        <div class="container">

            <h2 id="contact">CONTACT US</h2>

            <div id="contact_info">

                <div id="contact_info_left">

                    <p>你喜欢这个物品吗？写下你的感受，让更多人了解这个物品
                        <br />
                        <br />

                    <form action="{:url('add')}" method="post" id="contact_form">
                        <fieldset>
                            <ol>
                                <li>
                                    <label for="message">留言板</label>
                                    <textarea name="content" rows="10" cols="57" id="message"></textarea>
                                </li>
                                <li>
                                    <input type="submit" value="SUBMIT" size="" maxlength="" />
                                </li>
                            </ol>
                        </fieldset>
                    </form>

                </div> <!-- END #contact_info_left -->

                <div id="contact_info_right">

                    <div id="location_map" style="border: 0;padding: 0">

                        <h3 style="text-align: center;">I am here</h3>
                        {volist name="base" id="vo" offset="0" length='1'}
                        <a href="#"><img src="__STATIC__/assest/images/{$vo.pic}" alt="map" /></a>

                    </div> <!-- END #location_map -->

                    <div id="address">

                        <h3 style="text-align: center">{$vo.basename}</h3>
                        <p style="text-align: center">
                            <br />
                            {$vo.uploadtime}
                            <br />
                            {$vo.intro}

                    </div> <!-- END #address -->

                </div> <!-- END #contact_info_right -->
                {/volist}
            </div> <!-- END #contact_info -->

        </div> <!-- END .container -->

    </div> <!-- END #contact_area -->

</div>
<table class="table table-striped">
    <tr>
        <td>序号</td>
        <td>留言内容</td>
    </tr>
    {volist name="comments" id="vo"}
    <tr>
        <td>{$i}</td>
        <td>{$vo.content}</td>
    </tr>
    {/volist}
</table><!-- END #main_content -->
</body>
</html>